<template>
	<view>
		<block v-for="(item,index) in diyItems" :key="index">
			<!--搜索框-->
			<template v-if="item.type==='search'">
				<search :itemData="item"></search>
			</template>
			
			<!--轮播图-->
			<template v-if="item.type==='banner'">
				<banner :itemData="item"></banner>
			</template>
			
			<!--单组图-->
			<template v-if="item.type==='imageSingle'">
				<imagesingle :itemData="item"></imagesingle>
			</template>
			
			<!-- 橱窗-->
			<template v-if="item.type == 'window'">
			  <windows :itemData="item"></windows>
			</template>
			
			<!-- 视频组-->
			<template v-if="item.type == 'video'">
			  <videos :itemData="item"></videos>
			</template>
		
			<!--公告组-->
			<template v-if="item.type == 'notice'">
			  <notice :itemData="item"></notice>
			</template>
			
			<!--导航组-->
			<template v-if="item.type==='navBar'">
				<navBar :itemData="item"></navBar>
			</template>
			
			<!--商品组-->
			<template v-if="item.type==='product'">
				<product :itemData="item"></product>
			</template>
		
			<!--客服-->
			<template v-if="item.type == 'service'">
			  <service :itemData="item"></service>
			</template>
			
			<!--富文本-->
			<template v-if="item.type==='richText'">
				<richText :itemData="item"></richText>
			</template>
			
			<!--辅助空白-->
			<template v-if="item.type == 'blank'">
			  <blank :itemData="item"></blank>
			</template>
			
			<!--辅助线-->
			<template v-if="item.type == 'guide'">
			  <guide :itemData="item"></guide>
			</template>
			
		</block>
	</view>
</template>

<script>
	import search from './search/search';
	import banner from './banner/banner';
	import imagesingle from './imagesingle/imagesingle';
	import windows from './window/window';
	import videos from './videos/videos';
	import notice from './notice/notice';
	import richText from './richText/richText';
	import navBar from './navBar/navBar';
	import service from './service/service';
	import blank from './blank/blank';
	import guide from './guide/guide';
	import product from './product/product';
	
	export default{
		components:{
			search,
			banner,
			imagesingle,
			windows,
			videos,
			notice,
			richText,
			navBar,
			service,
			blank,
			guide,
			product
		},
		data(){
			return {
				
			}
		},
		props:['diyItems'],
		created() {
		}
	}
</script>

<style>
</style>
